<template lang="html">
  <div class="link">
    <header-item skin='black' active='6'></header-item>
    <div class="body">
      <div class="content">
        <div class="addrC">
          <el-carousel :interval="4000" height="535px">
            <el-carousel-item>
              <img src="../assets/images/map.png">
            </el-carousel-item>
            <el-carousel-item>
              <img src="../assets/images/addr-2.png">
            </el-carousel-item>
          </el-carousel>
        </div>

        <div class="downLoad">
          <el-row>
            <el-col :span="8">
              <div class="box code">
                <img src="../assets/images/2.0/code.png">
                <div class="equipment">微博关注</div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="box text">
                <div class="title">
                  广州市百分之三科技有限公司
                </div>
                <div class="desc">
                  地址：广东省广州市海珠区红卫新村UP智谷B3栋212<br><br>
                  邮政编码：510315<br><br>
                  电子邮箱：bfzs3010@163.com<br><br>
                  新浪微博：百分之三那些事<br><br>
                  联系电话：020-22069909
                </div>
              </div>
            </el-col>
            <el-col :span="8">
              <div class="box code">
                <img src="../assets/images/2.0/code.png">
                <div class="equipment">公众号关注</div>
              </div>
            </el-col>
          </el-row>
        </div>

      </div>
    </div>
    <footer-item></footer-item>
  </div>
</template>
<script>
import HeaderItem from '../components/Header';
import FooterItem from '../components/Footer';
export default {

  data () {
    return {
    }
  },
  methods:{
  	tourl(url){
      tools.router.push({path:url})
    }
  },
  mounted(){
    var _this = this;

  },
   components:{
    HeaderItem,FooterItem
  }
}
</script>

<style scoped lang='scss'>
.link{
  // font-family: "Helvetica Neue", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif, "微软雅黑" !important;
  .body{
    margin-top: 100px;
    border-top: 1px solid #D5D5D5;

    .content{
      width: 1200px;
      color: #fff;
      padding-bottom: 60px;
      margin: 0 auto;
    }

    .el-carousel__item{
      img{
        height: 535px;
        width: 1200px;
      }
    }

    .downLoad{
      margin-top: 50px;
      .box{
        border: 1px solid #B6B6B6;
        height: 500px;
        width: 95%;
        margin: 0 auto;
        padding-top: 180px;
        text-align: center;
        cursor: pointer;
        transition: all .3s ease;

        &.text{
          padding: 40px;
          .title{
            font-size: 22px;
            margin-bottom: 30px;
          }
          .desc{
            text-align: left;
            font-size: 17px;
            line-height: 1.7;
          }
        }

        &.code{
          img{
            width: 134px;
            height: 134px;
            margin: 0 auto;
            margin-bottom: 18px;
          }
          font-size: 25px;
          color: #fff;
        }

        &:hover{
          background: #81A6FF;
          color: #000 !important;
          box-shadow: 10px 10px 20px rgba(0,0,0,.3);
          -webkit-transform: scale(1.05);
          transform: scale(1.05);
          i,.equipment{
            color: #fff !important;
          }
        }


      }
    }



  }
}
</style>
